<style>
.titu {
	display:none;
	color:#006bb7;
	font-weight:bold;
	margin-top:-25px;
}
#miolo {
	margin:0 auto;
}
#miolofrontpage {
	position:relative;
	width:1024px;
}
#produto1 {
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto2 {
	/*margin-left: 85px;*/
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto3 {
	margin-left: 175px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto4 {
	margin-left: 255px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto5 {
	margin-left: 355px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto6 {
	margin-left: 440px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto7 {
	margin-left: 540px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto8 {
	margin-left: 610px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto9 {
	margin-left: 690px;
	position:absolute;
	bottom:0;
	text-align:center;
}
#produto10 {
	margin-left: 810px;
	position:absolute;
	bottom:0;
	text-align:center;
}
</style>
<div id="miolofrontpage">
	
</div>
<script>
	var myimgs = new Array();
	function pegaTamanhoImg(imgload) {
	  alert(imgload.width + 'x' + imgload.height);
	  document.getElementById('miolofrontpage').appendChild(imgload);
	}
	var i = 0;
	while (i<10)
	{
		myimgs[i] = new Image();
		myimgs[i].onload = function() { pegaTamanhoImg(this); }
		i++;
	}
	myimgs[0].src = 'img/queijo-prato.png';
	myimgs[1].src = 'img/requijao-barra.png';
	myimgs[2].src = 'img/queijo-padrao.png';
	myimgs[3].src = "img/ricota.png";
	myimgs[4].src = "img/queijo.png";
	myimgs[5].src = "img/coalhada.png";
	myimgs[6].src = "img/creme-de-leite.png";
	myimgs[7].src = "img/requijao-cremoso.png";
	myimgs[8].src = "img/cottage.png";
	myimgs[9].src = "img/manteiga.png";
	
	var margemesquerda = 0;
	var maioraltura = 0;
    function fimg(idimg)
    {
		var img = document.getElementById('img'+idimg);
		var widthh = document.getElementById('img'+idimg).width;
        var heightt = document.getElementById('img'+idimg).height;
		alert(widthh);
		
		var zind = 0;
		if(parseInt(idimg)%2==1)
		{
			document.getElementById('produto'+idimg).style.zIndex  = 2;
			zind=2;
		}
		else
		{
			document.getElementById('produto'+idimg).style.zIndex = 1;
			zind=1;
		}
		$('#produto'+idimg).mouseover(function() {
		  $(this).stop().animate({width:widthh*0.95, height:heightt*0.95, marginBottom:-(heightt-(heightt*0.95)), easing:'linear'},100,'linear', function(){$(this).stop().animate({width:widthh, height:heightt, marginBottom:-(heightt-(heightt*0.84))},100,'linear').css('z-index','10');});
		  document.getElementById('img'+idimg).style.width = '100%';
          document.getElementById('img'+idimg).style.height = '100%';
		  //document.getElementById('produto'+idimg).style.marginBottom = '-'+(heightt-(heightt*0.9))+'px';
		  document.getElementById('tit'+idimg).style.display = 'block';
		});
		$('#produto'+idimg).mouseout(function() {
		  $(this).stop().animate({width:widthh*0.9,height:heightt*0.9, marginBottom:0}).css('z-index',zind);
		  document.getElementById('img'+idimg).style.width = '100%';
          document.getElementById('img'+idimg).style.height = '100%';
		  document.getElementById('tit'+idimg).style.display = 'none';
		});
		document.getElementById('produto'+idimg).style.width = widthh*0.9+'px';
        document.getElementById('produto'+idimg).style.height = heightt*0.9+'px';
		document.getElementById('img'+idimg).style.width = '100%';
        document.getElementById('img'+idimg).style.height = '100%';
		if (heightt > maioraltura)
		{
			maioraltura = heightt;
			document.getElementById('miolofrontpage').style.height = maioraltura+'px';
		}
		if (parseInt(idimg) > 1)
		{
			document.getElementById('produto'+idimg).style.marginLeft = margemesquerda+'px';
		}
		margemesquerda = margemesquerda + widthh - (widthh*0.33);
    }
    </script>